<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="../themes/default/default.css"/>
    <title>KindEditor Test</title>
</head>
<body>
<h1 id="type">KindEditor Test</h1>
<div id="J_editorArea" style="display:none;">
    <textarea name="editor1" cols="100" rows="20" style="width:800px;height:200px;"></textarea>
</div>
<input type="button" id="J_show" value="Show"/>
<input type="button" id="J_hide" value="Hide"/>
<script src="../src/core.js"></script>
<script src="../src/config.js"></script>
<script src="../src/event.js"></script>
<script src="../src/html.js"></script>
<script src="../src/selector.js"></script>
<script src="../src/node.js"></script>
<script src="../src/range.js"></script>
<script src="../src/cmd.js"></script>
<script src="../src/widget.js"></script>
<script src="../src/edit.js"></script>
<script src="../src/toolbar.js"></script>
<script src="../src/menu.js"></script>
<script src="../src/colorpicker.js"></script>
<script src="../src/uploadbutton.js"></script>
<script src="../src/dialog.js"></script>
<script src="../src/tabs.js"></script>
<script src="../src/ajax.js"></script>
<script src="../src/main.js"></script>
<script src="../lang/zh-CN.js"></script>
<script>
    KindEditor.ready(function (K) {
        K.create('textarea', {
            loadStyleMode: false
        });
        K('#J_show').click(function (e) {
            K('#J_editorArea').show();
        });
        K('#J_hide').click(function (e) {
            K('#J_editorArea').hide();
        });
    });
</script>
</body>
</html>
